<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>交易流水</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_historyfeelist.css" />
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <van-calendar v-model="showTime" :show-confirm="false" :max-date="maxdate" :min-date="mindate"  @confirm="onConfirm" ></van-calendar>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearch" class="searchparam nomenu" style="height: 70%;">
            <div class="searchcontent" style="height: 100%;">
                <div class="searchparamtitle">
                    类型
                </div>
                <div class="searchparamitem">
                    <label v-on:click="doSelectChargeMoneyType(item)"
                        v-bind:class="{'active':chooseid==item.ID}"
                        v-for="item in chargeMoneyTypeList">{{item.Name}}</label>
                </div>
                <div class="searchparamtitle">
                    收款日期
                </div>
                <div class="searchparamitem">
                    <label v-bind:class="{'active':form.activeDate==1}" v-on:click="doClickDay(1)">今日</label>
                    <label v-bind:class="{'active':form.activeDate==2}" v-on:click="doClickDay(2)">本月</label>
                    <label v-bind:class="{'active':form.activeDate==3}" v-on:click="doClickDay(3)">本年</label>
                </div>
                <div class="searchparamtitle">
                    自定义
                </div>
                <div class="searchparamitem searchparamitem_input">
                    <i class="icon iconfont icon-rili"></i>
                    <span class="choose new-span-date" id="startdate" v-on:click="chooseTime(1)"  data-options='{"type":"date"}'
                        v-bind:class="{'textColorPlaceholder':form.startTime==''}">{{form.startTime==''?'开始日期':form.startTime}}</span>
                    <span style="padding: 0 10px;">
                        至
                    </span>
                    <span class="choose new-span-date" id="enddate" v-on:click="chooseTime(2)" data-options='{"type":"date"}'
                        v-bind:class="{'textColorPlaceholder':form.endTime==''}">{{form.endTime==''?'结束日期':form.endTime}}</span>
                </div>

                <div class="aui_bottom" style="background: #fff; border-radius: 0px 0px 14px 14px;">
                    <div v-on:click="doReset(1)" class="aui_bottombtn left">重置</div>
                    <div v-on:click="doSearch()" class="aui_bottombtn right">确认</div>
                </div>
            </div>
        </div> 

        <div class="aui-content">
            <div class="list_txt"><span>{{form.startTime==''?'--':form.startTime}} 至 {{form.endTime==''?'--':form.endTime}} 统计</span></div>
            <div>
                <div class="order_detail mainbox mt5" style="padding-bottom: 20px; overflow: hidden;">
                    <div class="list_countmsg fl">
                        <div class="tongjipart fl" style="border-right: solid 0.5px #fff;">
                            <div class=" font65 color9">收款-共计{{PayNum}}笔</div>
                            <div class="costnum">+<span>{{AllPayProce}}</span></div>
                        </div>
                        <div class="tongjipart fr" style="padding-left: 5px;">
                            <div class=" font65 color9">支出-共计{{RefundNum}}笔</div>
                            <div class="costnum">-<span>{{AllRefundPayProce}}</span></div>
                        </div>
                    </div>
                </div>

                <section id="main_refresh" class="aui-refresh-content">  
                <div v-if="List.length>0" class="order_detail mainbox content_list" style="margin-top:15px;">
                    <div class="aui-list-item" v-on:click="doOpenDetail(item.ID)" v-for="item in List"
                        style="margin-top: 10px; overflow: hidden;">
                        <!-- <div class="pic"><i class="icon iconfont icon-shoukuanguanli"></i></div> -->
                        <!-- <div class="pic" style="background: #fbf3ef;"><i class="icon iconfont icon-xianxiashoukuan" style=" font-size: 0.8rem; color: #f5873e;"></i></div> -->
                        <div class="aui-list-item-inner">
                            <div class="font6">
                                <label class="leftcontent name_sty aui-ellipsis-1">
                                    <span v-if="item.Type==1">收款</span>
                                    <span v-if="item.Type==2">退款</span>
                                    -{{item.UserName}}</label>
                                <label class="rightcontent cost_sty">{{item.LastTotalCost}}</label>
                                <!-- <label class="rightcontent cost_sty"
                                    v-if="item.ChargeState!=1">-12.00</label>
                                <div class="cl"> -->
                            </div>
                        </div>
                        <div class="font6 color9">{{item.PaymentMethodDesc}}</div>
                        <div class="font6 color9">
                            <label class="time_sty aui-ellipsis-1">{{item.PayTimeDesc}}</label>
                        </div>
                    </div>
                </div>
                <div v-if="List.length<=0&&!is_searching" class="noshuju">
                    <van-empty description="暂无数据" />
                </div>
            </section> 

               
            </div>
        </div>
        <!-- <div v-if="list.length<=0" class="nodata">暂无相关数据</div> -->
    </div>

    </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript " src="js/analysis_historyfeelist.js"></script>

</html>